<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <%@ include file="include/header.jsp" %>
    <script src="${pageContext.request.contextPath}/js/admin/admin_home.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/admin/admin_home.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/admin/admin_main.css"/>
    <title>WolfCode Mall管理后台 - 用户管理</title>
    <style rel="stylesheet">
        #lbl_user_name,#lbl_user_gender{
            width: 65px;
        }
    </style>
</head>
<body>
<%@include file="include/menuPage.jsp"%>
<!--菜单回显-->
<c:set var="currentMenu" value="user"/>
<div class="frm_div text_info">
    <div class="frm_group">
        <form action="/admin/user" method="post" id="searchForm">
            <input type="hidden" name="currentPage" id="currentPage" value="1">
            <label class="frm_label" id="lbl_user_name" for="input_user_name">用户名/昵称</label>
            <input class="frm_input" id="input_user_name" type="text" maxlength="50" name="name" value="${qo.name}"/>
            <input class="frm_btn" id="btn_user_submit" type="submit" value="查询"/>
        </form>
    </div>

    <div class="frm_group_last">
        <%--<input class="frm_btn frm_refresh" id="btn_user_refresh" type="button" value="刷新用户列表"/>--%>
    </div>
</div>
<div class="data_count_div text_info">
    <svg class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2522" width="16"
         height="16">
        <path d="M401.976676 735.74897c-88.721671 0-172.124196-34.635845-234.843656-97.526197-62.724577-62.86784-97.271394-146.453537-97.271394-235.358379s34.546817-172.490539 97.276511-235.361449c62.715367-62.887282 146.117892-97.522104 234.838539-97.522104 88.719624 0 172.135452 34.633798 234.881518 97.522104 62.704111 62.875003 97.235578 146.4607 97.235578 235.361449 0 88.901773-34.530444 172.487469-97.231485 235.358379C574.112128 701.116195 490.6963 735.74897 401.976676 735.74897zM401.976676 121.204479c-75.012438 0-145.533584 29.290093-198.572568 82.474386-109.585861 109.834524-109.585861 288.539602-0.004093 398.36901 53.043077 53.188386 123.564223 82.47848 198.577684 82.47848 75.015507 0 145.553027-29.291117 198.620663-82.47848C710.126918 492.220514 710.126918 313.511343 600.593246 203.678866 547.530726 150.496619 476.992183 121.204479 401.976676 121.204479z"
              p-id="2523" fill="#FF7874">
        </path>
        <path d="M932.538427 958.228017c-6.565533 0-13.129019-2.508123-18.132986-7.52437L606.670661 642.206504c-9.989515-10.014074-9.969049-26.231431 0.045025-36.220946s26.230408-9.969049 36.220946 0.045025l307.73478 308.497143c9.989515 10.014074 9.969049 26.231431-0.045025 36.220946C945.627537 955.735244 939.081447 958.228017 932.538427 958.228017z"
              p-id="2524" fill="#FF7874">
        </path>
    </svg>
    <span class="data_count_title">查看合计</span>
    <span>用户总数:</span>
    <span class="data_count_value" id="user_count_data">${pageResult.total}</span>
    <span class="data_count_unit">位</span>
</div>
<div class="table_normal_div">
    <table class="table_normal" id="table_user_list">
        <thead class="text_info">
        <tr>
            <th><%--<input type="checkbox" class="cbx_select" id="cbx_select_all"><label for="cbx_select_all"></label>--%></th>
            <th class="data_info" data-sort="asc" data-name="user_name">
                <span>用户名</span>

            </th>
            <th class="data_info" data-sort="asc" data-name="user_nickname">
                <span>昵称</span>

            </th>
            <th class="data_info" data-sort="asc" data-name="user_realname">
                <span>姓名</span>

            </th>
            <th class="data_info" data-sort="asc" data-name="user_birthday">
                <span>出生日期</span>

            </th>
            <th class="data_info" data-sort="asc" data-name="user_gender">
                <span>性别</span>

            </th>
            <th>操作</th>
            <th hidden>用户ID</th>
        </tr>
        </thead>
        <tbody>
        <c:forEach items="${pageResult.list}" var="user">
            <tr>
                <td><input type="checkbox" class="cbx_select" id="cbx_user_select_${user.userId}"><label for="cbx_user_select_${user.userId}"></label></td>
                <td title="${user.userName}">${user.userName}</td>
                <td title="${user.userNickname}">${user.userNickname}</td>
                <td title="${user.userRealname}">${user.userRealname}</td>
                <td title="${user.userBirthday}">${user.userBirthday}</td>
                <td>
                    <c:choose>
                        <c:when test="${user.userGender == false}">男</c:when>
                        <c:otherwise>女</c:otherwise>
                    </c:choose>
                </td>
                <td><span class="td_special" title="查看用户详情"><a href='/admin/userDetails/${user.userId}'>详情</a></span></td>
                <td hidden class="user_id">${user.userId}</td>
            </tr>
        </c:forEach>
        </tbody>
    </table>
    <%@ include file="include/page.jsp" %>
    <div class="loader"></div>
</div>
<script>
    $(function () {
        $("#ul_home_menu li[data-toggle='${currentMenu}']").addClass("menu_li_select");
        $('#div_home_title span').text("用户管理")
    })
    //点击table中的数据时
    $("#table_user_list").find(">tbody>tr").click(function () {
        trDataStyle($(this));
    });
</script>
</body>
</html>
